<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="styleSheet" href="./gc.spread.sheets.13.0.0.css" />
  <link rel="stylesheet" href="./gc.spread.sheets.excel2013white.13.0.0.css" />

  <script src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

  <script src="./gc.spread.sheets.all.13.0.0.min.js" type="text/javascript">
  </script>

</head>

<body>
  <div id="ss" style="width:100%; height:360px;border: 1px solid gray;"></div>
  <div>1111</div>
  <script>
    var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount: 1 });
    var sheet = spread.getActiveSheet();

    const dataSource = []
    for (let i = 0; i < 1e4; i++) {
      const row = []
      for (let j = 0; j < 100; j++) {
        row.push(i)
      }
      dataSource.push(row)
    }

    let s = Date.now()
    sheet.setDataSource(dataSource)
    console.log(1111111, Date.now() - s);

    // 1e4: 新页面200 刷新页面150
    // 1e5: 新页面200 刷新页面150
    // 1e6: 新页面330 刷新页面150
  </script>
</body>

</html>